Top 19 Magical CSS Picture Slideshow Collection For New Website Projects

1. Responsive KenBurner Slider jQuery Plugin

featured image

Customize this slider with just a little HTML and CSS to your very needs.And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too. Customizable 100% via Plugin Parameters / CSS / HTML

Put the JS and CSS links in the head of your HTML site and put in some DIV elements for your items.

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. jQuery Responsive Quote Rotator

featured image

Auto delay slideshow. Optional mouse over to pause the slideshow.

More Details

4. KenBurner Slider jQuery Plugin

featured image

Customize this slider with just a little HTML and CSS to your very needs.css)

css can be styled or removed)

If this is not possible in your browser it will FallBack to CSS Animation. Or go nuts and choose “Random”! And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too.Image and Thumbs fully resizable Using Canvas Animation with FallBack to CSS Animation and also with FallBack to jQuery Optional Ken Burns effect Unlimited Caption Layers Unlimited Slides Customizable Ken Burns Effect (StartEnd-Position and Zoom or Random) iPhone/iPad & Android Swipe Touch enabled jQuery Conflict free plugin Customizable 100% via Plugin Parameters / CSS / HTML Easy installation in your Website Special Easing Example Page included Example Picture Effect Instruction PSD included 2 Pictures are used for Hover-Effects, so you can build every effect you wish (blur, greyscale…) with your favorite image tool

Put the JS and CSS links in the head of your HTML site and put in some DIV elements for your items.

More Details

5. Rama - The jQuery Slider Plugin

featured image

See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.What makes this Slider unique is that you not only can animate your picture transitions but the elements (Text, Icons, Pics…) on each slide too. Put the JS and CSS links in the head of your HTML site and build an unsorted list of items like this:

Coloring, positions, shadows, all these features can be easily set via the CSS file. Customizable 100% via Plugin Parameter or CSS .

More Details

6. jQuery Responsive Grid Quote

featured image

Auto delay slideshow.slideshow: true,

More Details

7. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Powerful CSS Transitions with jQuery FallBack

Slideshow Design

More Details

8. Horizontal Gridfolio Pro

featured image

Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery slideshow background and opacity also can be modified (optional).Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

9. bgStretcher jQuery Background Resizer & Slideshow

featured image

When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin will work as a slideshow if multiple images are used.Advanced Slideshow Features

More Details

10. Royal 3D Carousel

featured image

More Details

11. Shuffle Puzzle

featured image

Fixed a loading picture bug in the menu

More Details

12. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

All UI is fully under control by html + css code. Use any html/css code to customize thumbnail to anyformat

auto slideshow JavaScript free with optional pause on hover

More Details

13. jQueryFacebookWall

featured image

fields(id,created_time,like_count,from,message),status_type,picture, full_picture, source, properties, name, caption, description, link, from,message,story,likes,object_id,shares"+

fields(id,created_time,like_count,from,message),status_type,picture, full_picture, source, properties, name, caption, description, link, from,message,story,likes.

More Details

14. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Lightbox with slideshow (play, pause, auto-play)

More Details

15. DimViewer (images/PDFs tool)

featured image

You can choose a Slideshow or a picture Slider tool.

More Details

16. jQuery 3D Object Show

featured image

Option to set the width and the height of the picture.

More Details

17. Thumbnail Gallery (jQuery Plugin)

featured image

Control the slideshow with completly customizable play/pause button.You can change picture size, background, border, spacing, transparency, .

More Details

18. li JQuery Slider/Image Rotator

featured image

LightBox Support – with this options enabled when a slides has been clicked you can load bigger picture in modal mode. If you use text tooltip and have more text than the width allows, the tooltip will expand upward (this is changeable through the skins CSS )

CSS Driven – the entire interface is purely CSS driven. Each skin is consist of one CSS file and gives you total control over the layout. To change a skin is even easier, simply change a single CSS link property in the header of your HTML file and you are all set. The slider architecture is extremely simplified and the layout is entirely CSS driven.

More Details

19. Fancy Gallery - jQuery plugin

featured image

More Details

20. jQuery Fullscreen Scroll Gallery

featured image

A slider jQuery plugin help you to display fullscreen images with jQuery auto delay slideshow support. Auto delay slideshow.

More Details